<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>WWJ - main</title>
  <link rel="shortcut icon" href="../favicon.ico">
  <link rel="stylesheet" href="../lib/$UI.css" /> <!-- TODO:-->
  <link rel="stylesheet" href="../lib/$Grid.css" /> <!-- TODO:-->
  <link rel="stylesheet" href="../lib/$ExcelEditor.css" /> <!-- TODO:-->
  <link rel="stylesheet" href="../lib/$DBEditor.css" /> <!-- TODO:-->
  <link rel="stylesheet" href="../css/main.css" /> <!-- TODO:-->
</head>

<body>
  <header class="hat">
    <div class="logobar">
      <img src="../img/logo.png" alt="WWJ" title="WWJ" />
      <label>WWJ</label>
    </div>

    <div class="minibar">
      <button id="btnRefresh">Refresh</button>
      <button id="btnTryTQ">Try TQ</button>
      <button id="btnTryStopTQ">Try stop TQ</button>
      <button id="btnTryNVM">Try NVM</button>
    </div>

    <div class="winbar">
      <button id="btnFilter">&#8595;</button>
      <button id="btnFilter">&#8593;</button>
      <button id="btnFilter">Y</button>
      <button id="btnMinWin">-</button>
      <button id="btnInitWin">*</button>
      <button id="btnMaxWin">+</button>
      <button id="btnExitWin">&#10006;</button>
    </div>
  </header>
  <header>
    <nav class="navbar">
      <!--
      <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Contact</a></li>
        <li><a href="/">Home</a></li>
        <li><a href="/products">Products</a></li>
        <li><a href="/services">Services</a></li>
        <li><a href="/about">About</a></li>
      </ul>
      -->
      <button id="btnSWS">SWS</button>
      <button id="btnBuilder">Builder</button>
      <button id="btnUIEditor">UI Editor</button>
      <label id="lblStep4Com">&nbsp;|TODO: |</label>
      <button id="btnOpenComIframe">TODO: Common Iframe</button>
      <button id="btnOpenGridEditor">TODO: Grid Editor</button>
      <button id="btnOpenDBEditor">TODO: DB Editor</button>
      <button id="btnOpenExcelEditor">TODO: Excel Editor</button>
      <button id="btnOpenWordEditor">TODO: Word Editor</button>

      <label id="lblStep4Com">TODO: Welcome</label>
      <a href="https://www.bing.com" target="_blank">openBingInEdge</a>
    </nav>

    <div class="userbar">
      <button id="btnRegist">Regist</button>
      <button id="btnLogin">Login</button>
      <button id="btnLogout">Logout</button>
    </div>
  </header>

  <fieldset id="fdsSWS" class="builderArea mainer">
    <legend>SWS(Simple Web Service)</legend>
    <iframe id="ifrWatchSWSState"></iframe>
    <br>
    <button id="btnStartSWS">Start SWS</button>
    <button id="btnOpenSWSHomePage">Open SWS Home Page</button>
    <button id="btnStopSWS" disabled>Stop SWS</button>
    <br>
    <button id="btnCheckSWSState">Check SWS State</button>
    <label id="lblSWSState"></label>

  </fieldset>

  <fieldset id="fdsBuilder" class="builderArea mainer">
    <legend>Builder</legend>
    <label>src: </label><select id="selBuildSrc"></select>
    <br>
    <label>Build dst: </label><input id="txtBuildDst" value="">
    <button id="btnBuild">Build</button>
    <br>
    <label>Deploy dst: </label><input id="txtDeployDst" value="">
    <button id="btnDeploy">Deploy</button>
    <br>
    <button id="btnBuildCfgSave">Save</button>
    <br>
    <textarea id="txaTestAstIn"></textarea>
    <textarea id="txaTestAstOut"></textarea>
  </fieldset>

  <fieldset id="fdsUIE" class="uiEditorArea mainer">
    <nav>
      <ul>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
        <li><a>UIButton</a></li>
      </ul>
    </nav>
    <main>
      <button>UIButton</button>
      <button>UIButton</button>
      <button>UIButton</button>
    </main>
  </fieldset>

  <fieldset id="fsComIframe" class="comIframeArea mainer">
    <legend>Common Iframe</legend>
    <iframe id="ifrCom" application="yes" width="960" height="680"></iframe>
    <!-- <iframe src="" application="yes" width="800" height="600"></iframe> -->
    <!-- $('iframe')[0].contentWindow.document.getElementById('id_s').click() -->
  </fieldset>

  <!-- TODO: Begin-->
  <fieldset id="gE" class="gridEditorArea mainer">
    <legend>Grid Editor</legend>
  </fieldset>

  <fieldset id="dbE" class="dbEditorArea mainer">
    <legend>DB Editor</legend>
    <fieldset class="dbEBtnSet">
      <legend>DB</legend>
      <button>New</button>
      <button>Mod</button>
      <button>Del</button>
      <button>Refresh</button>
    </fieldset>
    <fieldset class="dbEBtnSet">
      <legend>Schema</legend>
      <button>New</button>
      <button>Mod</button>
      <button>Del</button>
      <button>Refresh</button>
    </fieldset>
    <fieldset class="dbEBtnSet">
      <legend>Table</legend>
      <button>New</button>
      <button>Mod</button>
      <button>Del</button>
      <button>Refresh</button>
    </fieldset>
  </fieldset>

  <fieldset id="xlsE" class="xlsEditorArea mainer">
    <legend>Excel Editor</legend>
    <div id="exEditor"></div>
  </fieldset>

  <fieldset id="docE" class="docEditorArea mainer">
    <legend>Word Editor</legend>
  </fieldset>

  <fieldset id="nvm" class="nvmArea mainer">
    <legend>NVM</legend>
    <button></button>
    <pre>
      nvm arch：显示node是运行在32位还是64位。
      nvm install <version> [arch] ：安装node， version是特定版本也可以是最新稳定版本latest。可选参数arch指定安装32位还是64位版本，默认是系统位数。可以添加--insecure绕过远程服务器的SSL。
      nvm list [available] ：显示已安装的列表。可选参数available，显示可安装的所有版本。list可简化为ls。
      nvm on ：开启node.js版本管理。
      nvm off ：关闭node.js版本管理。
      nvm proxy [url] ：设置下载代理。不加可选参数url，显示当前代理。将url设置为none则移除代理。
      nvm node_mirror [url] ：设置node镜像。默认是https://nodejs.org/dist/。如果不写url，则使用默认url。设置后可至安装目录settings.txt文件查看，也可直接在该文件操作。
      nvm npm_mirror [url] ：设置npm镜像。https://github.com/npm/cli/archive/。如果不写url，则使用默认url。设置后可至安装目录settings.txt文件查看，也可直接在该文件操作。
      nvm uninstall <version> ：卸载指定版本node。
      nvm use [version] [arch] ：使用制定版本node。可指定32/64位。
      nvm root [path] ：设置存储不同版本node的目录。如果未设置，默认使用当前目录。
      nvm version ：显示nvm版本。version可简化为v。
    </pre>
  </fieldset>
  <!-- TODO: End-->

  <script src="../lib/htaconsole.js"></script> <!-- TODO:-->
  <script src="../lib/$debug.js"></script> <!-- TODO:-->
  <script src="../lib/js/_.js"></script>
  <script src="../lib/_$.js"></script>
  <script src="../lib/$.js"></script>
  <script src="../lib/$Util.js"></script>
  <script src="../lib/$HTA.js"></script> <!-- TODO:-->
  <script src="../lib/$DB.js"></script> <!-- TODO:-->
  <script src="../lib/$Excel.js"></script> <!-- TODO:-->
  <script src="../lib/$UI.js"></script>
  <script src="../lib/$Grid.js"></script> <!-- TODO:-->
  <script src="../lib/$ExcelEditor.js"></script> <!-- TODO:-->
  <script src="../lib/$DBEditor.js"></script> <!-- TODO:-->
  <script src="../js/main.js"></script>
</body>

</html>